import { StyleSheet } from 'react-native'
import { ApplicationStyles, Metrics, Fonts, Colors } from '../../Themes'

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  container: {
    flex: 1,
  },
  item: {
    flex: 1,
    backgroundColor: Colors.snow,
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    padding: Metrics.baseMargin,
    marginBottom: 2,
  },
  image: {
    width: 72,
    height: 72,
  },
  left: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  main: {
    paddingHorizontal: Metrics.baseMargin,
  },
  title: {
    fontSize: 16,
    marginBottom: Metrics.smallMargin,
    color: Colors.coal,
  },
  right: {
    alignItems: 'flex-end',
  },
  span: {
    fontSize: 13,
  },
  price: {
    fontSize: Fonts.size.medium,
    color: Colors.warning,
  },
  button: {
    fontSize: Fonts.size.small
  }
})
